<template>
    <view>
        <uni-col :span="6" v-for="(item, index) in 8" :key="index">
            <view style="margin-top: 20rpx">
                <view style="height: 100rpx">
                    <view
                        style="height: 100%; width: 100rpx; margin: 0px auto ;box-shadow: 0px 0px 10rpx 0px grey; border-radius: 100%">
                    </view>
                </view>
            </view>
            <view>
                <p style="text-align: center">NAV</p>
            </view>
        </uni-col>
    </view>
</template>

<script>
import UniCol from "../uni_modules/uni-row/components/uni-col/uni-col";
import UniRow from "../uni_modules/uni-row/components/uni-row/uni-row";

export default {
    name: "navItem",
    components: {
        UniCol,
        UniRow,
    },
}
</script>

<style scoped>

</style>